import React, { useState } from 'react'
import { View, Text, Input, Image, Textarea , Button} from '@tarojs/components'
import PageWrapper from '@/components/PageWrapper'
import './index.scss';
import {navigateTo} from "@/utils/navigation";
const Page = () => {
  const items = [1, 2, 3]
  return (
    <PageWrapper title="鉴定列表" showBack={true} backgroundColor='#F0F0F0'>
      <View className="appraisal-list-page">
        {/* 顶部标题栏由 Taro 默认处理 */}

        <View className="card order-summary">
          <View className="card-title">当前进行中的订单</View>
          <View className="row"><Text className="label">订单编号</Text><Text className="value">2290023843944107980</Text></View>
          <View className="row"><Text className="label">订单来源</Text><Text className="value">京东</Text></View>
          <View className="row"><Text className="label">订单数量</Text><Text className="value">3</Text></View>
          <View className="row"><Text className="label">实际数量</Text><Text className="value">3</Text></View>

          <View className="btn-group">
            <Button className="gray-btn">退单</Button>
            <Button className="gray-btn">完成</Button>
            <Button className="orange-btn" onClick={() => navigateTo('/pages/user/identification-warehouse/index')}>鉴定</Button>
          </View>
        </View>

        {items.map((_, index) => (
          <View key={index} className="card item-card">
            <View className="item-info">
              <Image className="item-img" src={require(`../../../assets/photo.png`)}/>
              <View className="item-text">
                <Text>序号: 01</Text>
                <Text>需求单号: COA52143682</Text>
                <Text>防伪码: 98LA2368</Text>
                <Text>名称: 茅台龙年生肖</Text>
              </View>
              <View className="btn-row">
                <Button className="gray-btn" onClick={() => navigateTo('/pages/user/identification-details/index')}>详情</Button>
                <Button className="orange-btn">重鉴</Button>
              </View>
            </View>

          </View>
        ))}
      </View>
    </PageWrapper>
  )
}

export default Page
